From fb6cff2fe3101e80d2932285c0b03e0d5be872f8 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Thu, 7 Dec 2023 19:38:03 -0500
Subject: Share button

---
 src/app/groups/[groupId]/layout.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'src/app/groups/[groupId]/layout.tsx')

diff --git a/src/app/groups/[groupId]/layout.tsx b/src/app/groups/[groupId]/layout.tsx
index 5fbd7cb..ca50762 100644
--- a/src/app/groups/[groupId]/layout.tsx
+++ b/src/app/groups/[groupId]/layout.tsx
@@ -1,5 +1,6 @@
 import { GroupTabs } from '@/app/groups/[groupId]/group-tabs'
 import { SaveGroupLocally } from '@/app/groups/[groupId]/save-recent-group'
+import { ShareButton } from '@/app/groups/[groupId]/share-button'
 import { getGroup } from '@/lib/api'
 import { Metadata } from 'next'
 import Link from 'next/link'
@@ -34,11 +35,16 @@ export default async function GroupLayout({
 
   return (
     <>
-      <h1 className="font-bold text-2xl mb-4">
-        <Link href={`/groups/${groupId}`}>{group.name}</Link>
-      </h1>
-
-      <GroupTabs groupId={groupId} />
+      <div className="flex flex-col sm:flex-row justify-between">
+        <h1 className="font-bold text-2xl mb-4">
+          <Link href={`/groups/${groupId}`}>{group.name}</Link>
+        </h1>
+
+        <div className="flex gap-2 justify-between">
+          <GroupTabs groupId={groupId} />
+          <ShareButton groupId={groupId} />
+        </div>
+      </div>
 
       {children}
 
-- 
cgit v1.3